/* pginicial */
html{
position: absolute;
width: 1907px;
height: 1442px;

background: #FFFFFF;
}

/* Rectangle 1 */

header {
display: flex;
padding: 0 0;
box-sizing: border-box;


width: 1907px;
height: 76px;

background: #10111F;
border: 0px solid #33509C;

}

/* LOFO FC INFORMATIC */

.logo-container img {
justify-content: space-between;
padding: 10px 100px 0 30px;
position: absolute;
width: 147px;
height: 55px;

}

/* MENU INCIAL! */

.navegador ul {
text-align: right;
padding: 0px 855px 0px 250px;
}

.navegador li {
display: inline-block;
position: relative;
padding: 15px 10px 10px 10px;

/*adicionei cor branca nos elementos li*/
color: rgb(255, 255, 255); 
}

.navegador li:last-child {
padding: 15px 10px 10px 10px;
}

.navegador li:first-child {
text-align: center;
}

.navegador a {
/*a propriedade inherit faz com que a tag <a> herde a cor do elemento pai <li>*/
color: inherit;
text-decoration: none;
padding: 0px 0 0 0px;
}

/*hover no elemento <li> inteiro*/
li:hover {
background: #FEFEFE;
transition: 500ms all;
color: black;
}


/* LOGOS REDES SOCIAIS */

/* WhatsApp */

.logowhatsaap img{

padding: 15px 0px 0px 0px;

width: 40px;
height: 40px;
}


/* Instagram */

.logoinstagram img{

padding: 13px 0 0 0px;

width: 65px;
height: 45px;

}

/* CONTEUDO DA PAGINA */

main {

box-sizing: border-box;
width: 1907px;
height: 860px;    
font-family:"Stencil Std"; 


background: #ffffff;


}

.subtitulo{
padding: 40px 0 0 660px;
font-size: 2.5rem;
font-family: 'Comic Sans MS';
margin-bottom: 2rem;

}

/* imagem 1 */

.corpo1 img{
margin: 40px 0 0 50px;
position: absolute;
width: 500px;
height: 400px;
box-shadow: 0px 6px 6px rgba(26, 24, 141, 0.1);

background: #D9D9D9;


}

/* TEXTO 1 */

.corpo1 h1{
margin: 510px 0 0 50px;
position: absolute;
width: 500px;
height: 100px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
display: flex;
align-items: center;
text-align: justify;


color: #000000;

}

/* imagem 2 */

.corpo2 img{
margin: 40px 0 0 700px;

width: 500px;
height: 400px;
box-shadow: 0px 6px 6px rgba(26, 24, 141, 0.1);
background: #D9D9D9;


}

/* TEXTO 2 */

.corpo2 h1{
margin: 500px 0 0 700px;
position: absolute;
width: 500px;
height: 100px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;

align-items: center;
text-align: justify;


color: #000000;

}

/* imagem 3 */

.corpo3 img{
margin: 40px 0 0 1350px;

width: 500px;
height: 400px;
box-shadow: 0px 6px 6px rgba(26, 24, 141, 0.1);
background: #D9D9D9;


}

/* TEXTO 3 */

.corpo3 h1{
margin: 500px 0 0 1350px;
position: absolute;
width: 500px;
height: 100px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
display: flex;
align-items: center;
text-align: justify;


color: #000000;

}

/* imagem 4 */

.corpo4 img{
margin: 700px 0 0 0;
position: absolute; 
width: 1907px;
height: 400px;

background: #D9D9D9;
border: 1px solid #33509C;

}

/* TEXTO 4 */

.corpo4 h1{
margin: 850px 50px 0 670px;
position: absolute;

height: 100px;
font-family: 'Inter';
font-style: oblique;
font-weight: 400;
font-size: 60px;
line-height: 30px;
display: flex;
align-items: center;
text-align: center;

box-shadow: 0px 6px 6px rgba(7, 7, 233, 0.1);
color: #000000;

}

/* botões rodapé */

footer {
background-color: #ccc;
padding: 45px 0 45px 0;
position: absolute;
bottom: 0;
width: 1907px;
}

.footer-wrapper {
max-width: 1200px;
margin: 20px 0 0 320px ;
}

.footer-links {
list-style: none;
margin: 0;
padding: 0px 0 0 40px;
display: flex;
justify-content: center;
}

.footer-links li {
margin: 0px 10px 0px 0;
}

.footer-links a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 10px;
border-radius: 5px;
background-color: #333;
}

.footer-links a:hover {
background-color: #555;
}

.assinatura p {
position: absolute;
padding: 0px 0 20px 20px;

}